<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" language="java" %>

<%@include file="common/header.jsp" %>



  <!-- BEGIN PAGE -->

  <div class="page-content">

    <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->

    <div id="portlet-config" class="modal hide">

      <div class="modal-header">

        <button data-dismiss="modal" class="close" type="button"></button>

        <h3>portlet Settings</h3>

      </div>

      <div class="modal-body">

        <p>Here will be a configuration form</p>

      </div>

    </div>

    <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

    <!-- BEGIN PAGE CONTAINER-->

    <div class="container-fluid">

      <!-- BEGIN PAGE HEADER-->

      <div class="row-fluid">

        <div class="span12">

          <!-- BEGIN PAGE TITLE & BREADCRUMB-->

          <h3 class="page-title">

            用户管理 <small>（添加或修改用户信息）</small>

          </h3>

          <ul class="breadcrumb">

            <li>

              <i class="icon-home"></i>

              <a href="index.jsp">Home</a>

              <i class="icon-angle-right"></i>

            </li>

            <li>

              <a href="#">系统管理</a>

              <i class="icon-angle-right"></i>

            </li>

            <li><a href="#">用户管理</a></li>

          </ul>

          <!-- END PAGE TITLE & BREADCRUMB-->

        </div>

      </div>

      <!-- END PAGE HEADER-->

      <!-- BEGIN PAGE CONTENT-->

      <div class="row-fluid">

        <div class="span12">

          <!-- BEGIN EXAMPLE TABLE PORTLET-->

          <div class="portlet box light-grey">

            <div class="portlet-body">

              <div class="clearfix">


                <div class="btn-group">

                  <a href="#myModal3" role="button" class="btn green" data-toggle="modal">

                    Add New <i class="icon-plus"></i>

                  </a>

                  <div id="myModal3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">

                    <div class="modal-header">

                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                      <h3 id="myModalLabel3">Confirm Header</h3>

                    </div>

                    <div class="modal-body">

                      <p>Body goes here...</p>

                    </div>

                    <div class="modal-footer">

                      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>

                      <button data-dismiss="modal" class="btn blue">Confirm</button>

                    </div>

                  </div>


                </div>

                <div class="btn-group pull-right">

                  <button class="btn dropdown-toggle" data-toggle="dropdown">Tools <i class="icon-angle-down"></i>

                  </button>

                  <ul class="dropdown-menu pull-right">

                    <li><a href="#">Print</a></li>

                    <li><a href="#">Save as PDF</a></li>

                    <li><a href="#">Export to Excel</a></li>

                  </ul>

                </div>

              </div>

              <table class="table table-striped table-bordered table-hover" id="sample_1">

                <thead>

                <tr>

                  <th style="width:8px;"><input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes" /></th>

                  <th>Username</th>

                  <th class="hidden-480">Email</th>

                  <th class="hidden-480">Points</th>

                  <th class="hidden-480">Joined</th>

                  <th ></th>

                </tr>

                </thead>

                <tbody>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>shuxer</td>

                  <td class="hidden-480"><a href="mailto:shuxer@gmail.com">shuxer@gmail.com</a></td>

                  <td class="hidden-480">120</td>

                  <td class="center hidden-480">12 Jan 2012</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>looper</td>

                  <td class="hidden-480"><a href="mailto:looper90@gmail.com">looper90@gmail.com</a></td>

                  <td class="hidden-480">120</td>

                  <td class="center hidden-480">12.12.2011</td>

                  <td ><span class="label label-warning">Suspended</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>userwow</td>

                  <td class="hidden-480"><a href="mailto:userwow@yahoo.com">userwow@yahoo.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">12.12.2012</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>user1wow</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">userwow@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">12.12.2012</td>

                  <td ><span class="label label-inverse">Blocked</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>restest</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">test@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">12.12.2012</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>foopl</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">19.11.2010</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>weep</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">19.11.2010</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>coop</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">19.11.2010</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>pppol</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">19.11.2010</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>test</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">19.11.2010</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>userwow</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">userwow@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">12.12.2012</td>

                  <td ><span class="label label-inverse">Blocked</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>test</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">test@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">12.12.2012</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>goop</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">12.11.2010</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>weep</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">15.11.2011</td>

                  <td ><span class="label label-inverse">Blocked</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>toopl</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">16.11.2010</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>userwow</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">userwow@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">9.12.2012</td>

                  <td ><span class="label label-inverse">Blocked</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>tes21t</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">test@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">14.12.2012</td>

                  <td ><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>fop</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">13.11.2010</td>

                  <td ><span class="label label-warning">Suspended</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>kop</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">17.11.2010</td>

                  <td><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>vopl</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">19.11.2010</td>

                  <td><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>userwow</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">userwow@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">12.12.2012</td>

                  <td><span class="label label-inverse">Blocked</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>wap</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">test@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">12.12.2012</td>

                  <td><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>test</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">19.12.2010</td>

                  <td><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>toop</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">17.12.2010</td>

                  <td><span class="label label-success">Approved</span></td>

                </tr>

                <tr class="odd gradeX">

                  <td><input type="checkbox" class="checkboxes" value="1" /></td>

                  <td>weep</td>

                  <td class="hidden-480"><a href="mailto:userwow@gmail.com">good@gmail.com</a></td>

                  <td class="hidden-480">20</td>

                  <td class="center hidden-480">15.11.2011</td>

                  <td><span class="label label-success">Approved</span></td>

                </tr>

                </tbody>

              </table>

            </div>

          </div>

          <!-- END EXAMPLE TABLE PORTLET-->

        </div>

      </div>

      <!-- END PAGE CONTENT-->

    </div>

    <!-- END PAGE CONTAINER-->

  </div>

  <!-- END PAGE -->

</div>

<!-- END CONTAINER -->

<!-- BEGIN FOOTER -->

<div class="footer">

  <div class="footer-inner">

    2013 &copy; Metronic by keenthemes.

  </div>

  <div class="footer-tools">

			<span class="go-top">

			<i class="icon-angle-up"></i>

			</span>

  </div>

</div>

<!-- END FOOTER -->

<!-- BEGIN PAGE LEVEL STYLES -->

<link rel="stylesheet" type="text/css" href="media/css/select2_metro.css" />

<link rel="stylesheet" href="media/css/DT_bootstrap.css" />

<!-- END PAGE LEVEL STYLES -->


<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- BEGIN CORE PLUGINS -->

<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

<script src="media/js/bootstrap.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>

<script src="media/js/excanvas.min.js"></script>

<script src="media/js/respond.min.js"></script>

<![endif]-->

<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>

<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>

<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>

<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->

<script type="text/javascript" src="media/js/select2.min.js"></script>

<script type="text/javascript" src="media/js/jquery.dataTables.js"></script>

<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>

<!-- END PAGE LEVEL PLUGINS -->

<!-- BEGIN PAGE LEVEL SCRIPTS -->

<script src="media/js/app.js"></script>

<script src="media/js/table-managed.js"></script>

<script>

  jQuery(document).ready(function() {

    App.init();

    TableManaged.init();

  });

</script>

<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>

<!-- END BODY -->

</html>